<template>
	<el-card>
		<el-form :inline="true" :model="state">
			<el-form-item label="部门">
				<el-tree-select
					v-model="state"
					:data="typeList"
					value-key="id"
					check-strictly
					clearable
					:render-after-expand="false"
					:props="{ value: 'id', label: 'name', children: 'children' }"
					placeholder="部门"
				/>
			</el-form-item>
			<el-form-item label="选择日期">
				<el-tree-select
					v-model="state"
					:data="typeList"
					value-key="id"
					check-strictly
					clearable
					:render-after-expand="false"
					:props="{ value: 'id', label: 'name', children: 'children' }"
					placeholder="选择日期"
				/>
			</el-form-item>
		</el-form>
		<div style="text-align: center; width: 100%">
			<el-statistic :value="1000">
				<template #title>
					<div style="display: inline-flex; align-items: center">{{ title?title:'员工人数' }}</div>
				</template>
			</el-statistic>
		</div>
	</el-card>
</template>

<style scoped></style>

<script setup lang="ts" name="staffOnjobQueryIndex">
import { ref } from 'vue'

const props = defineProps(['title'])

const state = ref()
const typeList = ref()
</script>
